<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="../css/style.css" type="text/css"/>
    <link rel="stylesheet" href="../css/eui.css">
    <style>
        /**{*/
        /*    margin: 0;*/
        /*    padding: 0;*/
        /*}*/

        .el-aside {
            background-color: #D3DCE6;
            color: #333;
            text-align: center;
            line-height: 100px;
            height:1000px;
        }

        .el-main {
            background-color: #E9EEF3;
            color: #333;
            text-align: center;
            line-height: 100px;
            height:1000px;

        }

        body > .el-container {
            margin-bottom: 40px;
        }

    </style>
</head>
<body>
<div class="topbg">
    <p class="top gWidth">
        <a href="#">手机站</a> 丨 <a href="#">微信</a>
        <a href="zc.html" class="dl">登录/注册</a> 丨 <a href="grb.html">个人版</a> 丨 <a href="qyb.html">企业版</a>
    </p>
</div>
<div class="logo gWidth">
    <img src="../img/logo.png">
    <ul class="fl">
        <li><a href="/">首页</a></li>
        <li><a href="zpxx.html">招聘信息</a></li>
        <li><a href="jlzx.html">简历中心</a></li>
        <li><a href="zpzs.html">作品展示</a></li>
    </ul>
</div>
<div class="zpxq gWidth">
    <div class="biaoti">
        <h2>岗位详情</h2>
        <p>当前位置：<a href="/">首页</a>-<a href="zpxx.html">招聘信息</a>-<a href="zpxq.html">岗位详情</a></p>
    </div>

    <div id="app">
        <el-container>
            <el-aside width="300px">
                <div>工作地点:{{job.location}}</div>
                <div>工作时间:{{job.release_time}}</div>
            </el-aside>
            <el-main>
                <div style="color:red"><h1>{{job.job}}</h1> </div>
                <div style="margin-left: 500px"> <h3>薪资:{{job.annual_salary}}w/月</h3></div>
                <div style="color:red"><h1>工作简介</h1></div>
                <div>{{job.job_info}}</div>
                <el-button type="primary">投递简历</el-button>

            </el-main>
        </el-container>
    </div>

</div>
</body>
<script src="../js/vue.js"></script>
<script src="../js/eui.js"></script>
<script src="../js/axios.min.js"></script>
<script>
    let v = new Vue( {
        el:"#app",
        data: function () {
            return {
                job:{
                    job:"1",
                    job_info:"1",
                    annual_salary:"1",
                    location:"1",
                    education:"1",
                    release_time:"1"
                }


            }
        },
        created(){
            this.selectJobById();
        },
        methods: {
            selectJobById(){
                let id = location.search.split("=")[1];
                axios.get("/selectJobById?id=" + id).then(function (response) {
                    v.job = response.data
                })
            }


        }
    })
</script>
</html>